<template>
	<view>
		<view class="bac_f radius16 ml24 mr24 mt36 pl30 pr30" style="overflow: hidden;" v-for="(item,index) in group_list" :key="index">
			<view class="mt40 dis_flex pb30">
				<view class="dis_f">
					<image class="w88 h88 radius501" :src="item.user.avatar" mode="aspectFill"></image>
					<view class="ml24">
						<view class="dis_f">
							<view class="fz28 fw">{{item.user.nickname}}</view>
							<view class="fz22 ml24 dis_f jc h40 radius4" style="background-color: #FFF0F2;width: 74rpx;color: #FD395C;">差{{item.group_purchase.num}}人</view>
						</view>
						<view class="fz28 tf_999">剩余 23:41:28</view>
					</view>
				</view>
				<view class="border4537 radius8 fz24 w120 dis_f jc tf_4537" style="height: 58rpx;">去拼团</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { groupAllList } from "@/config/api.js";
	export default {
		data() {
			return {
				g_id:'',
				group_list:[],
			}
		},
		onLoad(options) {
			this.g_id=options.id
			this.getAllGroup()
		},
		methods: {
			getAllGroup(){
				groupAllList({id:this.g_id}).then(res=>{
					this.group_list = res
				})
			}
		}
	}
</script>

<style>

</style>
